@font-face {
	font-family: 'Gotham';
	src:url('../fonts/Gotham-Book_Web.woff2') format('woff2'),
		url('../fonts/Gotham-Book_Web.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham';
	src:url('../fonts/Gotham-Bold_Web.woff2') format('woff2'),
		url('../fonts/Gotham-Bold_Web.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

/* Custom styles for the elements which have background image. Creating it separately so we can map the path of the images in the styles. */
.btn--circle:after,
.btn--circleWhite:after,
.sf-fieldWrp button:after {
    content: "";
    position: absolute; 
    width: 84px;
    height: 87px;
    left: calc(100% - 65px);
}

.btn--circle.btn--multiline:after,
.btn--circleWhite.btn--multiline:after {
    content: "";
    position: absolute; 
    width: 90px;
    height: 97px;
    left: calc(100% - 70px);
}

.btn--circle:after,
.sf-fieldWrp button:after {
    background: url("../images/button-circle-color-mobile.svg");
    background-size: cover;
    background-repeat: no-repeat; 
}

.btn--circle.btn--multiline:after {
    background: url("../images/button-circle-color-multiline.svg");
    background-size: cover;
    background-repeat: no-repeat; 
}

.btn--circleWhite:after,
.asta-joel .sf-fieldWrp button:after {    
    background: url("../images/button-circle-white-mobile.svg");
    background-size: cover;
    background-repeat: no-repeat;
}

/* slick slider */
.slick-slider .slick-prev:before {
    background: url("../images/arrow-prev.svg");
}

.slick-slider .slick-next:before {
    background: url("../images/arrow-next.svg");
}

.slick-slider .slick-prev:before,
.slick-slider .slick-next:before {
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}


/* Renew > Testimonial section */
.asta-testimonial__slider-desc:after {
    background-image: url("../images/testimonial-quotes.png");    
}

.asta-review__rating,
.asta-review__rating span,
.asta-review__rating--light,
.asta-review__rating--light span  {        
    background-size: 140px;
    background-repeat: no-repeat;
}
.asta-review__rating,
.asta-review__rating span {
    background-image: url("../images/ratings-star.png");
}
.asta-review__rating span,
.asta-review__rating--light span {    
    background-position: 0 -21px;
}

.asta-review__rating--light,
.asta-review__rating--light span {
    filter: brightness(0) invert(1);
}


@media (min-width: 768px) {
    .btn--circle:after,
    .btn--circleWhite:after,
    .btn--circle.btn--multiline:after,
    .btn--circleWhite.btn--multiline:after,
	.sf-fieldWrp button:after	{
        width: 96px;
        height: 98px;
        left: calc(100% - 78px);
    }

    .btn--circle:after,
    .btn--circle.btn--multiline:after,
	.sf-fieldWrp button:after	{
        background: url("../images/button-circle-color.svg");
        background-size: cover;
        background-repeat: no-repeat; 
    }    
    
    .btn--circleWhite:after,
    .asta-joel .sf-fieldWrp button:after {    
        background: url("../images/button-circle-white.svg");
        background-size: cover;
        background-repeat: no-repeat;
    }

}